/* 
    Document   : vendas
    Created on : 18/03/2011, 17:00:51
    Author     : victor Henrique
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#conteudo{
    width: 1000px;
    float:left;
}
#conteudo .clear_left{
    float: left;
    width: 15px;
    height: 400px;
}
#conteudo .clear_up{
    float: left;
    width: 100%;
    height: 15px;
}
.clear_conteudo_left{
    float: left;
    width: 35px;
    height: 500px;
}
#conteudo #lista{
    width: 960px;
    margin-bottom: 20px;
    float: left;
}

#conteudo .titulo_conteudo{
    width: 100%;
    float: left;
    clear: both;
}

#conteudo .titulo_conteudo .titulo_conteudo_meio .titulo_clear_up{
    width: 100%;
    float: left;
    height: 10px;
}

#conteudo .titulo_conteudo .titulo_conteudo_meio{
    background-image: url("../../imagens/admin/titulo_conteudo_meio.png");
    background-repeat: repeat-x;
    text-align: center;
    font-family: "Lucida Calligraphy";
    color: white;
    padding-top: 5px;
    width: 960px;
    height : 100%;
    float: left;
}
#conteudo .titulo_conteudo .titulo_conteudo_meio .titulo_conteudo_meio_left{
    float: left;
    height: 20px;
    width: 360px;
}
#conteudo #lista table{
    border: none;
    width: 100%;
    float: left;
}
#conteudo #lista table tr th{
    font-family: "arial";
    font-size:10pt;
    border: 1px outset white;
    color: white;
    background-image:url("../../imagens/admin/barra.png");
    background-repeat: repeat-x;
}
#conteudo #lista table tr:hover{
    background-color: black;
}
#conteudo #lista table tr td{
    background-color: #E0FFFF;
    text-align: center;
    border: 1px outset white;
    font-family: arial;
    font-size: 10pt;
}
#conteudo #lista table tr.titulo_pesquisa th {
    background-image: url("../../imagens/admin/barra2.png");
    color: black;
}
#conteudo #busca_livro{
    float: left;
    margin-top: 15px;
    width: 955px;
    border: 1px solid gray;
    padding: 1px;
}
#conteudo #busca_livro table{
    width: 100%;
    height: 100%;
}
#conteudo #busca_livro table th.nome_dado{
    text-align: left;
}
#conteudo #busca_livro table tr.titulo_pesquisa{
    background-image: url("../../imagens/admin/barra2.png");
    height: 30px;
    color: white;
    font-family: arial; 
}
#conteudo #busca_livro table tr.titulo_pesquisa th{
    text-align: center;
}

#conteudo #busca_livro table tr.nome_dado th{
    background-color: #E0FFFF;
    text-align: center;
    color: #E0FFFF;
    height: 20px;
}
#conteudo #busca_livro table tr.nome_dado th input.input_text{
    background-image: url("../../imagens/admin/input_text.png");
    border: 2px groove white;
    color: #005294;
    height: 20px;
}

#conteudo #busca_livro table tr.linhas_filtro{
    background-color: #E0FFFF;
}

#conteudo #busca_livro table tr th input.pesquisar {
    background-image: url("../../imagens/admin/botao1.png");
    font-size: 12pt;
    height: 30px;
    color: white;
    border: 2px groove gray;
}
#conteudo #busca_livro table tr th input.pesquisar:hover{
    background-image: url("../../imagens/admin/botao2.png");
    border: 2px inset gray;
}



#conteudo #opcoes_lista{
    border: none;
    float: left;
    width: 290px;
    margin-right: 15px;
    border: 1px solid gray;
    height: 100px;
    padding: 1px;
}
#conteudo #opcoes_lista table {
    width: 100%;
}
#conteudo #opcoes_lista table tr.linhas_filtro_cliente td{
    text-align: center;
    font-family: arial;
    font-size: 10pt;
    font-style: oblique;
}
#conteudo #opcoes_lista table tr.titulo_pesquisa th{
    font-family: arial;
    height: 30px;
    font-size:12pt;
    background-image:url("../../imagens/admin/barra2.png");
    border-bottom: 2px outset white;
    color: white;
}
#conteudo #opcoes_lista table tr.linhas_filtro_cliente {
    background-color: #87CEEB;
    height: 30px;
}
#conteudo #opcoes_lista table tr.linhas_filtro_cliente {

}
#conteudo #opcoes_lista form .filtragem tr td.nome1{
    background-color: #E0FFFF;
    text-align: center;
    font-weight: bold;
    border-top: 1px outset white;
    border-bottom: 1px outset white;
}
#conteudo #opcoes_lista form .filtragem tr td.linhas_filtro_cliente{
    background-color: #E0FFFF;
    text-align: center;
    border: 1px outset white;
    border-left: none;
}
#conteudo #opcoes_lista table tr td.pesquisar input{
    background-color: #1E90FF;
    border: 2px groove gray;
    height: 30px;
    color: white;
}
#conteudo #opcoes_lista table tr td.pesquisar input:hover{
    background-color: #ff6600;
    border: 2px inset gray;
}
#conteudo #dados_cliente{
    float: left;
    width: 500px;
    height: 100px;
    border: 1px groove gray;
    padding: 1px;
}
#conteudo #dados_cliente table{
    width: 100%;
    height: 100%;
}
#conteudo #dados_cliente table tr th.titulo_dados_cliente{
    height: 30px;
    font-family: arial;
    color: white;
}
#conteudo #dados_cliente table tr td.dado_cliente{
    background-color: #87CEEB;
    color: #000;
    font-family: arial;
    text-align: center;
    border-right: 1px inset white;
}
#conteudo #dados_cliente table tr td.ultimo_dado_cliente{
    background-color: #87CEEB;
    color: #000;
    font-family: arial;
    text-align: center;
}
#conteudo #dados_cliente table tr td.dado_valor_cliente{
    text-align: center;
    background-color: #F0FFFF;
    color: #005294;
    font-family: arial;
    border-right: 1px inset #1E90FF;
}
#conteudo #dados_cliente table tr td.ultimo_dado_valor_cliente{
    text-align: center;
    background-color: #F0FFFF;
    color: #005294;
    font-family: arial;
}
#conteudo #dados_cliente table th.titulo_dados_cliente{
    background-image: url("../../imagens/admin/barra4.png");
    border-bottom: 2px outset white;
    color: white;
}

#conteudo #lista table tr#dados_venda .clear_dados{
    float: left;
    height: 8px;
}
#conteudo #lista table tr#dados_venda td.titulo {
    font-family: "Bernard MT Condensed";
    font-size: 12pt;
    background-color: #3778AE;
    color: white;
}
#conteudo #lista table tr#dados_venda td.nada{
    background-color: #3778AE;
}
#conteudo #lista table tr#dados_venda td.total{
    font-family: "Bernard MT Condensed";
    font-size: 12pt;
    background-color: #3778AE;
    color: white;
}
#conteudo #lista table tr#dados_venda td.itens{
    font-family: "Bernard MT Condensed";
    font-size: 12pt;
    background-color: #3778AE;
    color: white;
}
#conteudo #lista table tr#dados_venda {
    background-color: #E0FFFF;
}
#conteudo ul#operacoes {
    width: 960px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
#conteudo ul#operacoes ul li img{
    text-align: center;
}
#conteudo ul#operacoes li span{
    margin-top: 10px;
    font-family: "Bernard MT Condensed";
    color: white;
}
#conteudo ul#operacoes a{
    display:block;
    float: left;
    width: 188px;
    height: 60px;
}
#conteudo ul#operacoes li.operacao{
    border: 2px ridge #1E90FF;
    color: white;
    list-style: none;
    font-family: arial;
    float: left;
    background-color: #3778AE;
    text-align: center;
    width: 188px;
    height: 60px;
    text-decoration: none;
    padding-top: 5px;
}
#conteudo ul#operacoes li.operacao:hover{
    background-color: #1E90FF;
    border: 2px outset #87CEEB;
    color: white;
}
#conteudo ul#operacoes li.operacao a{
    text-decoration: none;
    color: black;
    vertical-align: baseline;
}

#conteudo ul#operacoes li.operacao a:hover{
    text-decoration: none;
    color: white;
}
/*-----------------------------------------*/

#conteudo #lista ul#dados_venda {
    width: 955px;
    margin-top: 20px;
    font-family: "Bernard MT Condensed";
    list-style: none;
}
#conteudo #lista ul#dados_venda li{
    background-color: #113F66;
    border: 2px ridge #87CEEB;
    padding-top: 5px;
    width: 155px;
    height: 60px;
    color: white;
    margin-left: 60px;
    margin-top: 10px;
    text-align: center;
    float: left;
}
#conteudo #lista ul#dados_venda li:hover{
    background-color: #ff6600;
}
#conteudo #lista ul#dados_venda a {
    text-decoration: none;
    color: white;
    margin: 0px;
    vertical-align: baseline;
}

#conteudo #lista ul#dados_venda li img{

}
#conteudo #lista ul#dados_venda li span{

}

* {
    margin: 0;
    padding: 0;
}

body {
    padding: 10px;
}

h1 {
    margin: 14px 0;
    font-family: 'Trebuchet MS', Helvetica;
}

p {
    margin: 14px 0;
    font-family: 'Trebuchet MS', Helvetica;
}

/* Bubble pop-up */

.popup {
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
    margin-left: 300px;
}

.popup td.corner {
    height: 15px;
    width: 19px;
}

.popup td#topleft { background-image: url(../../imagens/admin/bubble-1.png); }
.popup td.top { background-image: url(../../imagens/admin/bubble-2.png); }
.popup td#topright { background-image: url(../../imagens/admin/bubble-3.png); }
.popup td.left { background-image: url(../../imagens/admin/bubble-4.png); }
.popup td.right { background-image: url(../../imagens/admin/bubble-5.png); }
.popup td#bottomleft { background-image: url(../../imagens/admin/bubble-6.png); }
.popup td.bottom { background-image: url(../../imagens/admin/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../../imagens/admin/bubble-8.png); }

.popup table.popup-contents {
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
}

table.popup-contents td {
    text-align: left;
}

tr#release-notes th {
    text-align: left;
    text-indent: -9999px;
    background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
    height: 17px;
}

tr#release-notes td a {
    color: #333;
}

#dialog-cliente .form_titulo  {
    background-image: url("../../imagens/admin/barra.png");
    text-align: center;
    font-family: "Bernard MT Condensed";
    font-size:14pt;
    color: white;
}
#dialog-cliente table{
    background-color: #C6E2FF;
    width: 100%;
}
#dialog-cliente table tr.linha_par td{
    background-color:#F0F8FF;
}
#dialog-cliente table tr .nome{
    background-color: #1E90FF;
    font-family: arial;
    font-size: 12pt;
    text-align: right;
    color: #1E90FF;
    height: 30px;
}
#dialog-cliente table tr .valor{
    background-color: #F0F8FF;
}
#dialog-cliente table tr input#enviar-cliente{
    background-image: url("../../imagens/admin/botao1.png");
    background-repeat: repeat-x;
    color: white;
    font-size: 12pt;
    font-family: arial;
    border: 2px outset white;
    width: 80px;
    height: 35px;
}
#dialog-cliente table tr td input.valor{
    background-image: url("../../imagens/admin/input_text.png");
    background-repeat: repeat-x;
    border: 2px groove white;
    font-family: arial;
    font-size: 11pt;

}

#dialog-cliente table tr input#enviar-cliente:hover{
    background-image: url("../../imagens/admin/botao2.png");
    border: 2px inset white;
}